<template>
  <van-pull-refresh v-model="isLoading" success-text="刷新成功" @refresh="onRefresh">
    <div class="focus">
      <div class="focus_left">
        <InfoBoxVue class="info_box">
          <template v-slot:title>
            支付宝隐藏攻略✨有效理财💰早日暴富
          </template>
        </InfoBoxVue>
      </div>
      <div class="focus_right">
        <InfoBoxVue class="info_box">
          <template v-slot:author_name>
            草莓树莓
          </template>
        </InfoBoxVue>
      </div>
    </div>
  </van-pull-refresh>
</template>

<script>
import InfoBoxVue from "../../../components/Home/InfoBox.vue";
export default {
  data() {
    return {
      count: 0,
      isLoading: false,
    };
  },
  components:{InfoBoxVue},
  methods: {
    onRefresh() {
      setTimeout(() => {
        // Toast('刷新成功');
        this.isLoading = false;
        this.count++;
      }, 1000);
    },
  },
}
</script>

<style scoped>
.focus{
  margin: 40px auto;
  width: 95%;
  display: flex;
}
.focus_left{
  width: 48%;
  height: 100%;
  line-height: 20px;
  text-align: center;
  /* border-radius: 6px; */
  /* border: 1px solid rgba(187, 187, 187, 100); */
}
.focus_right{
  margin-left: 10px;
  width: 48%;
  height: 100%;
  line-height: 20px;
  text-align: center;
  /* border-radius: 6px; */
  /* border: 1px solid rgba(187, 187, 187, 100); */
}
.info_box{
  width: 100%;
}
</style>